Dark模式資訊層級表達（模式）

A 資訊層次與深度：基礎層與提升層

背景色分為基礎與提升兩種類別，按照分層與深度的邏輯進行的區分。

在白色背景下透過陰影可以簡單的表達。

黑色背景下卻很難表達。深色模式下基礎層選擇較暗的顏色作基礎層，較亮的顏色作為提升層

A 以通訊錄應用為例，獨立頁面場景下使用基礎色，當出現模態彈層時（類似的介面）則選擇較淺顏色的提升層。

B 在看一個ipad上的郵箱應用的案例（稍複雜）同理獨立頁面場景下使用基礎色

當在當前層級上出現通訊錄模態層時選擇提升層樣式（淺色）

有助於暗黑場景下脫穎而出，並視線推進到前景資訊。當相同場景下出現兩個並列的應用時。則均選擇使用提升層樣式（淺色）額外在中間加入分隔線避免兩個介面互相混淆

當應用並列且其中一側有模態浮層時，置於頂層和底層的均使用提升層樣式。由於陰影的影響會使得存在浮層的應用本身變暗。這種效果在邏輯和期望上均具備合理性

A 避免其他元素定義為灰度色版體系中較暗的顏色。因為很有可能出現對比度不足的情況

B 半透明的填充和分割色可以很好的與兩類背景色互相協同。因為半透明的屬性會隨著底色的變化而變化，有助於提升介面的整體感和一致性